<!DOCTYPE html>
<html>
<meta charset='UTF-8'>
<head>
<title>Rendimento Disponível Bruto PC Anual</title>);
<!--Load the AJAX API-->
<!-- Latest compiled and minified CSS -->
<link rel='stylesheet' href='css/bootstrap.min.css'>
<link href='css/simple-sidebar.css' rel='stylesheet'>
<!-- Optional theme -->
<link rel='stylesheet' href='css/bootstrap-theme.min.css'>
<!-- Latest compiled and minified JavaScript -->
<script src='js/bootstrap.min.js'></script>
<script type='text/javascript' src='js/jsapi.js'></script>
<script type='text/javascript'>
google.load('visualization', '1.0', {'packages':['corechart']});
google.setOnLoadCallback(drawChart);
function drawChart() {
var data = new google.visualization.DataTable();
data.addColumn('string', 'Topping');
data.addColumn('number', 'Slices');
data.addRows([
['Média',  8672.02],
['Desvio Padrão', 5592.76]
]);
var data2 = new google.visualization.arrayToDataTable([
['Anos', 'Média', 'Desvio Padrão'],
['1977/2013',  8672.02,5592.76]
]);
var data3 = google.visualization.arrayToDataTable([
['Ano', 'Rendimento Disponível Bruto PC Anual'],
[1977, 443.4],
[1978, 553.6],
[1979, 713.2],
[1980, 913],
[1981, 1088.1],
[1982, 1309.3],
[1983, 1645.9],
[1984, 2028.2],
[1985, 2473.6],
[1986, 2985.8],
[1987, 3527.4],
[1988, 4184],
[1989, 4928.2],
[1990, 5877],
[1991, 6706.6],
[1992, 7516.1],
[1993, 7838.7],
[1994, 8381.4],
[1995, 9048.3],
[1996, 9518],
[1997, 10205.1],
[1998, 11044.3],
[1999, 11779],
[2000, 12409.3],
[2001, 12930.8],
[2002, 13462.3],
[2003, 13733.2],
[2004, 14249.5],
[2005, 14555.3],
[2006, 14975],
[2007, 15712.7],
[2008, 15877.4],
[2009, 15407],
[2010, 15917.5],
[2011, 15756.1],
[2012, 15445.3],
[2013, 15725],
]);
var options = {'title':'Média e Desvio Padrão', 'width':400, 'height':300};
var options2 = {
title : 'Média e Desvio Padrão', 'width':640, 'height':480,
vAxis: {title: 'Valores'},
hAxis: {title: 'Anos'},
seriesType: 'bars',
series: {5: {type: 'line'}}
};
var options3 = {
title : 'Rendimento Disponível Bruto PC Anual', 'width':640, 'height':480,
vAxis: {title: 'Valores'},
hAxis: {title: 'Anos'}
};
var options4 = {
title : 'Rendimento Disponível Bruto PC Anual', 'width':640, 'height':480,
vAxis: {title: 'Anos'},
hAxis: {title: 'Valores'}
};
var chart = new google.visualization.PieChart(document.getElementById('chart_div'));
chart.draw(data, options);
var chart2 = new google.visualization.ComboChart(document.getElementById('chart_div2'));
chart2.draw(data2, options2);
var chart3 = new google.visualization.LineChart(document.getElementById('chart_div3'));
chart3.draw(data3, options3);
var chart4 = new google.visualization.BarChart(document.getElementById('chart_div4'));
chart4.draw(data3, options4);
}
</script>
</head>
<body>
 <div id='wrapper'>
<!-- Sidebar -->
<div id='sidebar-wrapper'>
<ul class='sidebar-nav'>
</br> </br> </br>
<li class='sidebar-brand'>
<a href='#'>
Home Gráficos
</a href='home.html'>
</li>
<li>
<p><a href='graf1.html' role='button'>IPC</a></p>
</li>
 <li>
<p><a href='graf6.html' role='button'>Rendimento Nacional PC Anual</a></p>
</li>
 <li>
<p><a href='graf3.html' role='button'>Remuneração Mínima</a></p>
</li>
<li>
<p><a href='graf4.html' role='button'>Remuneração Máxima</a></p>
 </li>
<li>
<p><a href='graf5.html' role='button'>PIB Per Capta anual</a></p>
</li>
<li>
<p><a href='graf2.html' role='button'>Variação Anual Taxa de Inflação</a></p>
</li>
<li>
<p><a href='graf7.html' role='button'>Rendimento Disponível PC Anual</a></p>
</li>
<li>
<p><a href='graf8.html' role='button'>Remuneração Per Capta Anual</a></p>
</li>
</ul>
</div>
<!-- /#sidebar-wrapper -->
<!-- Page Content -->
<div id='page-content-wrapper'>
<div class='container-fluid'>
<div class='row'>
</div>
</div>
</div>
<!-- /#page-content-wrapper -->
<nav class='navbar navbar-inverse navbar-fixed-top'>
<div class='container'>
<div class='navbar-header'>
<button type='button' class='navbar-toggle collapsed' data-toggle='collapse' data-target='#navbar' aria-expanded='false' aria-controls='navbar'>
<span class='sr-only'>Toggle navigation</span>
<span class='icon-bar'></span>
<span class='icon-bar'></span>
<span class='icon-bar'></span>
</button>
<a class='navbar-brand' href='https://code.google.com/p/lp1415-11951/'>Trabalho de Linguagem de Programação 2014/2015</a>
<div>
<div id='navbar' class='navbar-collapse collapse'>
<div><!--/.navbar-collapse -->
<div>
</nav>
<!-- Main jumbotron for a primary marketing message or call to action -->
<div class='jumbotron'>
<div class='container'>
<h1>Rendimento Disponível Bruto PC Anual</h1>
</div>
</div>
<!--Divs that will hold the charts-->
<div class='container'>
<div class='col-lg-12'>
<a href='home.html' class='btn btn-default' id='menu-toggle'>Home</a>
</div>
<!-- Example row of columns -->
<div class='container'>
<!-- Example row of columns -->
<div class='row'>
<div class='col-md-6'>
<h2>Estatísticas</h2>
<div id='chart_div'>CAMPO1</div>
</div>
<div class='col-md-6'>
<h2> </h2>
<div id='chart_div2'>CAMPO2</div>
</div>
</div> <!-- /row -->
</div> <!-- /container -->
<div class='container'>
<div class='row'>
<div class='col-md-5'>
<h2></h2>
<div id='chart_div3'>CAMPO3</div>
</div>
<div class='col-md-2'>
</div>
<div class='col-md-5'>
<h2> </h2>
<div id='chart_div4'></div>
</div>
</div> <!-- /row -->
<footer>
<p>&copy; Adriano Leal 11951</p>
</footer>
</div> <!-- /container -->
</div>
<!-- /#wrapper -->
</body>
</html>
